<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <title>实盘-美原油-委托</title>
    <link rel="stylesheet" href="../css/common/merge.css">
    <link rel="stylesheet" href="../css/page/trade/merge.css"/>
</head>
<body>
<section id="" class="page-trade">
    <div class="page-trade-stock">
        <header class="page-header">
            <div class="header-wrap">
                <h3>
                    实盘 - 点买美原油
                    <span class="down dropdown"></span><!--下拉按钮-->
                </h3>
                <a href="" class="nav-left">
                    <i class="icon-back"></i>
                </a>
                <a href="" class="nav-right">规则</a>
            </div>
        </header>
        <div class="trade-menu">
            <ul>
                <li class="m-buy"><a href="">点买</a></li>
                <li class="m-sell"><a href="">点卖</a></li>
                <li class="m-result"><a href="">结算</a></li>
            </ul>
        </div>
        <div class="mod-futures">
            <div class="wrap pb5">
                <ul>
                    <li style="width:30%;" class="pt5">
                        <p class="txt-black txt-s20">美原油</p>

                        <p class="txt-gray">CL1606</p>
                    </li>
                    <li style="width:40%;" class="txt-center">
                        <p class="txt-s40 txt-red">44.19</p>
                    </li>
                    <li style="width:30%;" class="txt-right pt10">
                        <p class="txt-red">+1.00</p>

                        <p class="txt-red">+0.53%</p>
                    </li>
                </ul>
            </div>
            <div class="pt10 pb10 txt-s12">
                <table>
                    <tr>
                        <td>今开</td>
                        <td class="txt-red">44.18</td>
                        <td class="txt-center">最高</td>
                        <td class="txt-red txt-center">44.66</td>
                        <td class="txt-right">涨跌</td>
                        <td class="txt-red txt-right">+1.00</td>
                    </tr>
                    <tr>
                        <td>昨收</td>
                        <td class="txt-red">44.18</td>
                        <td class="txt-center">最低</td>
                        <td class="txt-green txt-center">44.66</td>
                        <td class="txt-right">总手</td>
                        <td class="txt-red txt-right">1400</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="mod-lines">
            <div class="tab-title">
                <ul class="txt-center txt-s12 txt-red">
                    <li class="choosed">分时图</li>
                    <li>闪电图</li>
                    <li>K线图</li>
                </ul>
            </div>
            <div class="line-content">
                svg分时图/闪电图/K线图
            </div>
        </div>
        <div class="mod-future-footer">
            <div class="pt5 btns">
                <div class="left fl">
                    <button class="button btn-red"><span class="iconfont-up"></span>看涨 44.18</button>
                </div>
                <div class="right fr">
                    <button class="button btn-green"><span class="iconfont-down"></span>看跌 44.19</button>
                </div>
            </div>
            <p class="txt-center txt-s12 txt-red mt10">本时段持仓时间至04:55:00</p>
        </div>
    </div>
</section>
<div class="dialog-wrap menu-slidedown hide">
    <div class="slide-in">
        <div class="dialog-content">
            <ul class="txt-center">
                <li>点买A股</li>
                <li>点买恒指</li>
                <li>点买美原油</li>
                <li>点买美黄金</li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>